<template>
    <div>
        <mu-appbar style="width: 100%;" color="primary" fixed>
        <mu-button icon slot="left">
            <mu-icon value="menu"></mu-icon>
        </mu-button>
        益多多
        <mu-button flat slot="right">
            <mu-icon value="search"></mu-icon>
        </mu-button>
        </mu-appbar>
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>灾区新闻</span>
            <el-button style="float: right; padding: 3px 0" type="text" @click.native="tonews">更多<i class="el-icon-d-arrow-right"></i></el-button>
          </div>
          <div>
            <table >
              <tr  v-for="o in 3" :key="o" class="text-item">
                <td>
                  <img :src="carouselImg1" alt=""></td><td class="texttd">
                  {{'列表内容列表内容列表内容列表内容列表内容列表内容列表内容列表内容列表内容列表内容' + o }}
                </td>
                
              </tr>
              
            </table>
            <mu-divider></mu-divider>
          </div>
          <br>
        </el-card>
    </div>
</template>

<script>
import carouselImg1 from "../../assets/images/1.jpg";
export default {
data(){
    return{
        carouselImg1
    }
}
}
</script>

<style>
.text-item img {
  height: 60px;
  padding: 5px;
  height: 5rem;
  width: 8rem;
  margin-left: 0px;
}
</style>
